<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>深圳家政服务-保洁保姆-家政网</title>
    <meta name="keywords" content="保姆、月嫂">
    <meta name="description" content="">
    <meta name =“apple-mobile-web-app-capable”content =“yes”/>  
    <meta name =“apple-mobile-web-status-bar-style”content =“block”/>  
    <link rel="icon" href="./images/icon.icon" type="images/x-icon">
    <link rel="stylesheet" href="./css/citysite.css">
    <link rel="stylesheet" href="./css/base.css">

</head>

<body>
    <!-- logo -->
    <header>
        <div class="header-logo">
            <a href="">
                <span class="logo-icon"></span>
            </a>
        </div>
        <div class="header-search">
            <a href="">深圳 v</a>
            <input type="text" value="搜索">
        </div>
    </header>
    <!-- 轮播 -->
    <div class="carousel-contaier">
        <ul class="swiper-contaier" style="margin-left:-7.7386rem;">
            <li class="caiousel-list">
                <a href=""><img src="./images/5.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/1.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/2.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/3.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/4.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/5.jpg" alt=""></a>
            </li>
            <li class="caiousel-list">
                <a href=""><img src="./images/1.jpg" alt=""></a>
            </li>
        </ul>
        <div class="caorusel-btn">
            <span index="1" class="caorusel-btn-on"></span>
            <span index="2" class=""></span>
            <span index="3" class=""></span>
            <span index="4" class=""></span>
            <span index="5" class=""></span>
        </div>
    </div>
    
    <!-- 服务保证 -->
    <div class="service-promise-container">
        <h2 class="hot-service-h2">服务保证</h2>
        <ul class="promise-container">
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
        </ul>
    </div>

    <!-- 师傅榜 -->
    <div class="master-top">
        <div class="master-top-more bottom-line">
            <h2>师傅榜</h2>
            <span>更多</span>
        </div>
        <ul class="master-container">
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./masterid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="./masterid.html">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="./masterid.html">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./masterid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="./masterid.html">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="./masterid.html">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./masterid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="./masterid.html">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
        </ul>
    </div>

    <!-- 公司榜 -->
    <div class="master-top">
        <div class="master-top-more bottom-line">
            <h2>公司榜</h2>
            <span>更多</span>
        </div>
        <ul class="master-container">
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./companyid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="./companyid.html">
                        <p>深圳爱家保洁有限公司</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>

                <div class="master-service"> <a href="./companyid.html">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./companyid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="./companyid.html">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>
                <div class="master-service"> <a href="./companyid.html">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="./companyid.html">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>
                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>
                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
            <li class="master-items bottom-line">
                <div class="master-header" >
                    <a href="">
                        <img src="./images/header.jpg" alt="">
                    </a>
                </div>
                <div  class="master-name"> 
                    <a href="">
                        <p>李明</p>
                        <p><span>家电维修</span> <span>五金安装</span></p>
                    </a>
                </div>
                <div class="master-service"> <a href="">
                    <p>服务：100次</p>
                    <p class="master-service-call clear"><a href="javascript:(void(0))">联系ta</a></p>
                </a>
                </div>    
            </li>
        </ul>
    </div>

    <!-- 服务流程 -->
    <div class="flow clear">
        <h2 class="hot-service-h2">服务流程</h2>
        <ul class="flow-container">
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
            <li><img src="./images/promise.jpg" alt=""></li>
        </ul>
    </div>   

    <!-- 版权信息 -->
    <div class="footer">
        <div class="footer-container">
            <p>家政网，你的专业私人管家助手</p>
            <p>家政热线：<span>400-200-300</span>&nbsp;&nbsp;&nbsp;<span>031-516-511</span></p>
            <p class="footer-contact">
                <a href="">成为合伙人</a> |
                <a href="">关于我们</a> |
                <a href="">意见反馈</a> |   
                <a href="">在线招聘</a>
            </p>
        </div>
    </div>

    <!-- 悬浮导航 -->
    <div class="suspend-footer">
        <ul class="suspend-container">
            <li class="suspend-list">
                <a href="">
                    <div><span class="home-icon suspend-icons"></span></div>
                    <div class="home-title">首页</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="publish-icon suspend-icons"></span></div>
                    <div class="home-title">发布</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="information-icon suspend-icons"></span></div>
                    <div class="home-title">消息</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="user-icon suspend-icons"></span></div>
                    <div class="home-title">我的</div>
                </a>
            </li>
        </ul>
    </div>
    <script src="./js/citysite.js"></script>
</body>
</html>